@import url(footer.css);
body, html{
	font-family: "微软雅黑";
	background:#ededed;
}
#container{
	width: 100%;
	height: 1300px;
	/*background: #ededed;*/
}
#main{
	margin: 0 auto;
	width: 1100px;
	height: 1300px;
	padding-top: 0;

}
#header{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-family: "微软雅黑";
	font-size: 1.2em;
	font-weight: bold;
	color: #4A72D7;
	text-indent: 15px;
}
#left{
	float: left;
	width: 65%;
	height: 100%;
	padding: 15px;
	position: relative;

	}
#right{
	position: relative;
	float: right;
	width: 30%;
	height: 850px;
	border: 1px solid #CEC8C8;
}
.title {
	height: 32px;
	border-bottom: 3px solid #C5C2C2;
	bottom: -20px;
}
 .title h3{
 	display: inline-block;
 	font-size: 18px;
 	font-weight: normal;
 	color: #555;
 	padding-bottom: 5px;
 	border-bottom: 3px solid #32A5E7;
 }
 .QR_cont{
 	width: 250px;
 	height: 250px;
 	margin: 0 auto;
 
 }
 .QR_cont img{
 	border-radius: 10px;
 	border: 5px solid #1FC733;
 }
 #wechat,#zhifubao{
 		display: block;float: left;margin-left:40px ; text-align: center; width: 50px;height: 25px;line-height: 25px; color: #fff;border-radius: 5px 5px 0 0 ;cursor: pointer;
 }
 #zhifubao{
 	float: right;
 	margin-right: 30px;
 }
 .on{
 	 background: #1FC733;}
 .off{
 	background: #B2AEAE;
 }
 #img1{
 }
 #img2{
 	display: none;
 }
#video_inf{
	width: 700px;
	height: 350px;
}
#img{
	height: 270px;
	float: left;
}
#img img{
	width: 100px;
	height: 140px;
}
#inf{
	width: 590px;
	height: 270px;
	float: right;
}
#inf_left{
	float: left;
	width: 300px;
	height:270px;
}
#inf_right{
	float: right;
	width: 250px;
	height: 270px;
	background-image: url(http://i2.muimg.com/1949/8ca69ba656aa79a5.png);
	background-repeat: no-repeat;
}
.inf_cont{
	width: 100%;
}
.inf_type{
	float: left;
	clear: both;
	color: gray;
}
.inf_right{
	margin-left: 3px;
}
.inf_right a{
	text-decoration: none;
}
.inf_right a:visited{color: #205FD8}
.inf_right a:hover{text-decoration: underline;}
#plot span{
	color: rgb(31,110,238);
	font-size: 1.2em;
}
#plot p{
	text-indent: 20px;
}
#prevue span{
	color: rgb(31,110,238);
	font-size: 1.2em;
	display: block;
	clear: both;
}
#stagePhoto span{
	color: rgb(31,110,238);
	font-size: 1.2em;
	display: block;
}
#stagePhoto img{
	width: 130px;
	height: 140px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 2px;
}
#stagePhoto img:hover{
	transition: scale 1s ;
	 transform: scale(1.018);
}
#interest_text a:hover{opacity: 0.9;}
/*评分星星*/
		
#rate {
		transform: rotateY(180deg);
		display: inline-block;
		font-size: 25px;
}

input[type="radio"] {
	display: none;
}

input[type="radio"]:checked + label>span,
input[type="radio"]:checked ~ label>span,
input[type="radio"] + label:hover > span,
input[type="radio"] + label:hover ~ label > span {
	color: gold;
}

input[type="radio"] + label:hover ~ label > span {
	opacity: 0.5;
}

label>span::before {
	content: "☆";
}

label>span::after {
	content:"★";
	display: none
}

input[type="radio"]:checked + label>span::before,
input[type="radio"]:checked  ~ label > span::before,
input[type="radio"] + label:hover > span::before,
input[type="radio"] + label:hover   ~ label > span::before {
	display:none;
}

input[type="radio"]:checked + label>span::after,
input[type="radio"]:checked  ~ label > span::after,
input[type="radio"] + label:hover>span::after, 
input[type="radio"] + label:hover  ~ label > span::after {
	display:inline-block;
}
#Evaluation{
	line-height: 30px;
}